<div class="section-title" ng-click="togglePanel('spc_details',$event);">
    <i class="material-icons close" style="color: #db4b3c;">indeterminate_check_box</i>
    <i class="material-icons open" style="color: #db4b3c;">add_box</i>
    <label class="title-name" ng-bind="'dashboard-QT02.spcInfo.title' | translate" style="color: #db4b3c;"></label>
    <div class="kmi-can-click"></div>
    <div class="title-btn" style="z-index: 1;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="showGrid_SPCData($event, QT02_dashboard.QT02_spcInfo_details)">
            <i class="material-icons">&#xE85A;</i>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'spc_details');">
            <i class="material-icons">&#xE871;</i>
        </button>
    </div>
</div>
<div class="section-content perfect-scrollbar">
    <div class="dashboard" ng-repeat="item in QT02_dashboard.QT02_spcInfo_details">
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column1' | translate"></label>
            <label class="value">{{item.QCFORMNO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column2' | translate"></label>
            <label class="value">{{item.LOTNO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column3' | translate"></label>
            <label class="value">{{item.OPNO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column4' | translate"></label>
            <label class="value">{{item.ITEMNO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column5' | translate"></label>
            <label class="value">{{item.ITEMTYPE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column6' | translate"></label>
            <label class="value">{{item.QCformTYPE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column7' | translate"></label>
            <label class="value">{{item.INSPTYPE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column8' | translate"></label>
            <label class="value">{{item.QTY}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column9' | translate"></label>
            <label class="value">{{item.QCITEMNO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column10' | translate"></label>
            <label class="value">{{item.QCITEMNAME}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column11' | translate"></label>
            <label class="value">{{item.QCITEMTYPE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column12' | translate"></label>
            <label class="value">{{item.RESULT}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column13' | translate"></label>
            <label class="value">{{item.ERFNO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column14' | translate"></label>
            <label class="value">{{item.TESTVALUE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column15' | translate"></label>
            <label class="value">{{item.SAMPLEQTY}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column16' | translate"></label>
            <label class="value">{{item.GOODQTY}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column17' | translate"></label>
            <label class="value">{{item.SCRAPQTY}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.spcInfo.column18' | translate"></label>
            <label class="value">{{item.DEFECTQTY}}</label>
        </div>
    </div>
</div>      
    